/*

overflow:hidden;text-overflow:ellipsis;white-space:nowrap;

-webkit-transition:all .5s;transition:all .5s;

transition: all 1s;

outline: 1px dashed #fff;outline-offset: -5px;

transform:rotate(360deg);

text-transform: Uppercase;

*/
/* 公用标题 */
.h_title{width:150px;height:60px;margin:0 auto;text-align:center;position:relative;}

.h_title::after{content:'';width:70px;height:3px;background:#ed9607;position:absolute;bottom:0;left:50%;margin-left:-35px;}

.h_title h3{font-size:24px;line-height:24px;color:#ed9607;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.h_title p{font-size:14px;line-height:14px;color:#bdbdbd;text-transform: Uppercase; font-family:Arial;margin-top:12px;}



/* 搜索 */
.tsearch{width:100%;height:90px;background:url(../images/search_back.jpg) center center no-repeat;}

.tsearch .center{width:1200px;height:46px;padding:22px 0;margin:0 auto;}

.tsearch .left{width:376x;height:45px;line-height:45px;float:left;margin-right:125px;overflow:hidden;border-bottom:solid 1px #b7b7b7;}

.tsearch .left .input{width:310px;height:45px;line-height:45px;color:#b7b7b7;display:inline-block;background:#fff;padding-left:10px;border-right:none;float:left;}

.tsearch .left .button{width:56px;height:45px;line-height:45px;display:inline-block;background:url(../images/search.png) center center no-repeat #fff; cursor:pointer;border:none;float:right;}

.tsearch .mid{color:#ed9607;font-size:16px;line-height:46px;float:left;}

.tsearch .tj{width:210px;height:36px;background:#ed9607;padding:5px;float:right;}

.tsearch .tj .click{width:210px;height:36px;line-height:36px;display: block;text-align:center;font-size:14px;color:#fff;background:#ed9607;cursor: pointer;}



/* 产品中心 */
.box_01{width:1200px;height:720px;margin:50px auto 0px auto;overflow:hidden;}

.box_01 .left{width:258px;height:720px;float:left;position:relative;}

.box_01 .left .h_bt{width:188px;height:70px;padding-left:70px;background:url(../images/pro_icon.png) 3px top no-repeat;}

.box_01 .left .h_bt h3{font-size:24px;color:#ed9607;line-height:24px;padding:6px 0 14px 0;}

.box_01 .left .h_bt p{font-size:14px;color:#858585;line-height:12px;text-transform: Uppercase;padding-bottom:14px;font-family:Arial;position:relative;}

.box_01 .left .h_bt p::after{content:'';width:40px;height:3px;background:#ed9607;position:absolute;bottom:0;left:0;}

.box_01 .left ul{width:258px;height:346px;margin-top:45px;background:url(../images/pro_left_back.png) no-repeat;overflow:hidden;font-size:16px;}

.box_01 .left ul li{width:140px;height:67px;line-height:67px;border-bottom:dashed 1px #d2d2d2;padding:0 66px 0 50px;margin:1px;-webkit-transition:all .5s;transition:all .5s;background:url(../images/pro_jt_01.png) 195px center no-repeat #fff;}

.box_01 .left ul li a{display:block;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .left ul li:hover{-webkit-transition:all .5s;transition:all .5s;background:url(../images/pro_jt_02.png) 195px center no-repeat #ed9607;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .left ul li:hover a{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_01 .left .tel{width:258px;height:180px;position:absolute;bottom:0;left:0;}

.box_01 .left .tel .t{width:158px;height:65px;padding:25px 0 0 100px;background:url(../images/kf.png) 40px 25px no-repeat #ed9607;color:#fff;}

.box_01 .left .tel .t p:nth-of-type(1){font-size:20px;line-height:20px;margin-bottom:12px;}

.box_01 .left .tel .t p:nth-of-type(2){font-size:14px;line-height:12px;font-family:Arial;}

.box_01 .left .tel .b{width:228px;height:65px;padding:25px 0 0 30px;background:#f5f5f5;color:#858585;}

.box_01 .left .tel .b p:nth-of-type(1){font-size:16px;line-height:15px;margin-bottom:18px;}

.box_01 .left .tel .b p:nth-of-type(2){font-size:16px;line-height:15px;}

.pro-center{width:900px;position:relative;float:right;}

.pro-center .hd{width:900px;height:32px;border-bottom:solid 1px #e3e3e3;}

.pro-center .hd ul{width:220px;height:32px;font-size:18px;overflow:hidden;}

.pro-center .hd ul li{width:110px;height:18px;line-height:18px;padding-bottom:14px;color:#545454;text-align:center;cursor:pointer;float:left;}

.pro-center .hd ul li.on{background:#fff;color:#ed9607;position:relative;}

.pro-center .hd ul li.on::before{content:'';width:110px;height:2px; background:#ed9607;position:absolute;bottom:0;left:0; z-index:99;}

.pro-center .bd .main{overflow:hidden;margin-top:12px;}

.pro-center .bd .main li{width:285px;height:205px;position:relative;float:left;margin:20px 22px 0 0;}

.pro-center .bd .main li:nth-of-type(3n){margin-right:0;}

.pro-center .bd .main li img{width:285px;height:205px;vertical-align:top;transition: all 1s;}

.pro-center .bd .main li:hover img{transform: scale(1.2);}

.pro-center .bd .main li a{display:block;overflow:hidden;}

.pro-center .bd .main li .show{width:245px;padding:0 20px;height:40px;line-height:40px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:rgba(0,0,0,0.4);position:absolute;left:0;bottom:0;color:#fff;}

.pro-center .bd .main li .hide{display:none;width:285px;height:205px;position:absolute;left:0;top:0;background:rgba(0,0,0,0.4);outline: 1px solid #fff;outline-offset: -10px;}

.pro-center .bd .main li .hide .name{width:200px;padding:0 10px;margin:65px auto 0 auto;text-align:center;font-size:18px;line-height:18px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:20px;border-bottom:solid 1px #c8c8c7;}

.pro-center .bd .main li .hide .jia{width:36px;height:36px;margin:15px auto 0 auto;background:url(../images/link.png);}



/* 企业优势 */
.box_02{width:100%;height:1205px;margin-top:60px;background:url(../images/ys_back.png) center top no-repeat;}

.box_02 .center{width:1200px;margin:0 auto;}

.box_02 .center .bt{width:500px;height:100px;margin:0 auto;position:relative;}

.box_02 .center .bt span{display:block;text-align:center;font-size:60px;line-height:45px;font-family:Arial;font-weight:bold;color:#ebebeb;text-transform: Uppercase;}

.box_02 .center .bt .pos{width:280px;height:70px;position:absolute;top:30px;left:110px;text-align:center;}

.box_02 .center .bt .pos h3{font-size:24px;line-height:25px;color:#565656;padding-bottom:13px;position:relative;}

.box_02 .center .bt .pos h3::after{content:'';width:70px;height:3px;background:#ed9607;position:absolute;bottom:0;left:105px;}

.box_02 .center .bt .pos p{font-size:16px;line-height:16px;color:#565656;margin-top:15px;}

.box_02 .center ul{margin-top:125px;overflow:hidden;}

.box_02 .center ul li{width:560px;height:auto;float:left;margin-bottom:40px;}

.box_02 .center ul li:nth-of-type(2n){float:right;}

.box_02 .center ul li .top{width:560px;height:70px;padding-bottom:14px;border-bottom:solid 1px #f6cb83;overflow:hidden;}

.box_02 .center ul li .top .num{width:70px;height:70px;line-height:70px;text-align:center;float:left;font-size:30px;color:#ed9607;background:url(../images/num_back.png);-webkit-transform: rotateY(0);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}

.box_02 .center ul li:hover .top .num{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

.box_02 .center ul li .top .txt{width:460px;height:70px;float:right;color:#fff;}

.box_02 .center ul li .top .txt h4{font-size:24px;line-height:24px;margin:10px 0;}

.box_02 .center ul li .top .txt span{font-size:12px;line-height:12px;font-family:Arial;text-transform: Uppercase;}

.box_02 .center ul li p{font-size:14px;color:#fff;line-height:30px;margin:15px 0;}

.box_02 .center ul li img{display:block;width:560px;height:270px; vertical-align:top;}



/* 案例展示 */
.box_03{width:1200px;margin:50px auto 0 auto;}


.box_03 ul{width:1200px;margin:30px auto 0 auto;overflow:hidden;padding:30px 0 10px 0;}

.box_03 ul li{width:330px;padding:20px;margin-right:40px;background:#f6f6f6;float:left;position:relative;-webkit-transition:all .5s;transition:all .5s;-moz-box-shadow:2px 2px 10px #fff;-webkit-box-shadow:2px 2px 10px #fff;box-shadow:2px 2px 10px #fff;}

.box_03 ul li:last-child{margin-right:10px;}

.box_03 ul li a{display:block;}

.box_03 ul li .img{width:330px;height:210px;}

.box_03 ul li .img img{width:330px;height:210px; vertical-align:top;}

.box_03 ul li .name{width:290px;height:18px;line-height:18px;margin:0 auto;padding:20px 20px 15px 20px;font-size:18px;color:#545454;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;-webkit-transition:all .5s;transition:all .5s;}

.box_03 ul li p{width:330px;margin:0 auto;font-size:14px;color:#858585;line-height:25px;max-height:50px;overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}

.box_03 ul li .more{width:200px;height:40px;line-height:40px;margin:15px auto 0 auto;font-size:14px;color:#545454;text-align:center; background:#d0d0d0;-webkit-transition:all .5s;transition:all .5s;}

.box_03 ul li:hover{margin-top:-15px;background:#ed9607;-webkit-transition:all .5s;transition:all .5s;-moz-box-shadow:2px 2px 10px #9ba4bb;-webkit-box-shadow:2px 2px 10px #9ba4bb;box-shadow:2px 2px 10px #9ba4bb;}

.box_03 ul li:hover .name{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_03 ul li:hover p{color:#fff;-webkit-transition:all .5s;transition:all .5s;}

.box_03 ul li:hover .more{color:#ed9607;background:#fff;-webkit-transition:all .5s;transition:all .5s;}




/* 小banner */
.box_04{width:100%;height:370px;margin-top:45px;background:url(../images/ad_back.jpg) center top no-repeat;}

.box_04 .center{width:1200px;height:370px;margin:0 auto;position:relative;}

.box_04 .center .pos{width:420px;position:absolute;top:90px;right:0;}

.box_04 .center .pos .txt{width:420px;height:180px; background:rgba(255,255,255,0.7);text-align:center;}

.box_04 .center .pos .txt h3{font-size:48px;color:#ed9607;font-weight:bold;line-height:48px;padding:20px 0 25px 0;}

.box_04 .center .pos .txt h3 span{color:#333;}

.box_04 .center .pos .txt p{width:420px;height:32px;font-size:16px;color:#fff;line-height:32px;background:#ed9607;position:relative;}

.box_04 .center .pos .txt p::after{content:'';width:85px;height:1px;background:#fff;position:absolute;bottom:15px;left:0;}

.box_04 .center .pos .txt p::before{content:'';width:85px;height:1px;background:#fff;position:absolute;bottom:15px;right:0;}

.box_04 .center .pos .txt i{display:block;font-size:16px;color:#333333;line-height:16px;margin-top:15px;font-style:normal;}

.box_04 .center .pos .tel{width:420px;height:40px;margin-top:25px;overflow:hidden;}

.box_04 .center .pos .tel span{display:inline-block;height:40px;line-height:40px;float:left;color:#fff;font-size:18px;font-weight:bold;}

.box_04 .center .pos .tel .tj{width:150px;height:30px;background:#fff;padding:5px;float:right;}

.box_04 .center .pos .tel .tj .click{width:150px;height:30px;line-height:30px;display: block;text-align:center;font-size:14px;color:#ed9607;background:#fff;cursor: pointer;}



/* 关于我们 */
.box_05{width:100%;height:450px;padding-top:50px;background:url(../images/about_back.jpg) center top no-repeat;position:relative;}

.box_05 .center{width:1200px;height:310px;margin:45px auto 0 auto;position:relative;}

.box_05 .center .about{width:530px;height:310px;float:left;}

.box_05 .center .about img{width:530px;height:310px;vertical-align:top;}

.box_05 .center .us{width:620px;float:right;}

.box_05 .center .us h4{font-size:24px;line-height:24px;font-weight:bold;margin-top:25px;text-align:center;}

.box_05 .center .us h4 a{color:#ed9607;}

.box_05 .center .us p{font-size:14px;color:#858585;line-height:30px;max-height:180px;overflow:hidden;margin-top:25px;text-indent:2em;}

.box_05 .slideGroup{width:1200px;position:absolute;bottom:60px;left:50%;margin-left:-600px;}

.box_05 .slideGroup .parHd{height:40px; line-height:40px; position:absolute;bottom:280px;left:580px;}

.box_05 .slideGroup .parHd ul{width:300px;height:40px;font-size:14px;}

.box_05 .slideGroup .parHd ul li{width:138px;height:38px;line-height:38px;cursor:pointer;color:#858585;text-align:center;border:solid 1px #d2d2d2;float:left;}

.box_05 .slideGroup .parHd ul li:last-child{float:right;}

.box_05 .slideGroup .parHd ul li.on{height:38px;line-height:38px;color:#fff;border:solid 1px #ec8c24;background:#ed9607;}

.box_05 .slideGroup .parBd .slideBox{position:relative;width:1160px;padding:20px 20px 0 20px; background:#d9d9d9;}

.box_05 .slideGroup .parBd .slideBox .tempWrap{width:1070px;margin:0 auto;}

.box_05 .slideGroup .parBd ul{overflow:hidden; zoom:1;}

.box_05 .slideGroup .parBd ul li{width:252px;margin:0 8px;overflow:hidden; text-align:center;}

.box_05 .slideGroup .parBd ul li .pic{width:252px;height:170px;}

.box_05 .slideGroup .parBd ul li .pic img{width:252px;height:170px;display:block;}

.box_05 .slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }

.box_05 .slideGroup .parBd ul li .name{display:block;width:200px;padding:0 26px;height:50px;line-height:50px;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_05 .slideGroup .parBd ul li:hover .name{color:#ed9607;}

.box_05 .slideGroup .sPrev{position:absolute;left:10px;top:20px;display:block;width:40px;height:170px;background:url(../images/lright.png) center center no-repeat rgba(0,0,0,0.1);-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup .sNext{position:absolute;right:10px;top:20px;display:block;width:40px;height:170px;background:url(../images/wright.png) center center no-repeat rgba(0,0,0,0.1);-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup .sPrev:hover{background:url(../images/lright.png) center center no-repeat #ed9607;-webkit-transition:all .5s;transition:all .5s;}

.box_05 .slideGroup .sNext:hover{background:url(../images/wright.png) center center no-repeat #ed9607;-webkit-transition:all .5s;transition:all .5s;}



/* 新闻中心 */
.box_06{width:1200px;margin:50px auto 0 auto;position:relative;}

.box_06 .content{margin-top:30px;height:475px;overflow:hidden;}

.box_06 .news_center{width:680px;float:left;}

.box_06 .news_center .hd{width:680px;height:40px;border-bottom:solid 1px #e1e1e1;}

.box_06 .news_center .hd ul{width:180px;height:40px;font-size:16px;}

.box_06 .news_center .hd ul li{width:80px;float:left;margin-right:20px;height:40px;line-height:40px;cursor:pointer;text-align:center;position:relative;}

.box_06 .news_center .hd ul li:last-child{margin-right:0;}

.box_06 .news_center .hd ul li.on{height:40px;line-height:40px;}

.box_06 .news_center .hd ul li::before{content:'';width:0px;height:3px;background:#ed9607; position:absolute;left:0;bottom:-2px;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .news_center .hd ul li.on::before{content:'';width:80px;height:3px; background:#ed9607; position:absolute;left:0;bottom:-2px;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .news_center .hd ul li a{display:block;color:#545454;}

.box_06 .news_center .hd ul li.on a{display:block;color:#ed9607;}

.box_06 .news_center .bd{margin-top:20px;}

.box_06 .news_center .bd .main{overflow:hidden;}

.box_06 .news_center .bd .imgtxt{overflow:hidden;}

.box_06 .news_center .bd .imgtxt .left{width:280px;height:160px;float:left;}

.box_06 .news_center .bd .imgtxt .left img{width:280px;height:160px; vertical-align:top;}

.box_06 .news_center .bd .imgtxt .right{width:365px;height:160px;position:relative;float:right;}

.box_06 .news_center .bd .imgtxt .right .name{display:block;font-size:16px;color:#545454;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .news_center .bd .imgtxt .right p{font-size:14px;color:#858585;line-height:30px;max-height:90px;overflow: hidden;}

.box_06 .news_center .bd .imgtxt .right .name:hover{color:#ed9607;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .news_center .bd .imgtxt .right .more{display:block;width:130px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;text-transform: Uppercase;background:url(../images/more.jpg);margin-top:8px;}

.box_06 .news_center .bd ul{overflow:hidden;}

.box_06 .news_center .bd ul li{width:315px;height:40px;line-height:40px;float:left;margin:20px 50px 0 0;font-size:14px;background:url(../images/dian01.jpg) left center no-repeat;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;position:relative;}

.box_06 .news_center .bd ul li::after{content:'';width:315px;height:1px;background:#e6e6e6;position:absolute;left:0;bottom:0;}

.box_06 .news_center .bd ul li::before{content:'';width:0;height:1px;background:rgba(0,0,0,0);position:absolute;left:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;z-index:5;}

.box_06 .news_center .bd ul li:hover::before{content:'';width:315px;height:1px;background:#ed9607;position:absolute;left:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;z-index:5;}

.box_06 .news_center .bd ul li:nth-of-type(2n){margin-right:0;}

.box_06 .news_center .bd ul li a{display:block;height:40px;line-height:40px;width:210px;padding-left:20px;color:#545454;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;float:left;}

.box_06 .news_center .bd ul li span{display:block;height:40px;line-height:40px;color:#c0c0c0;font-size:14px;float:right;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .news_center .bd ul li:hover{background:url(../images/dian02.jpg) left center no-repeat;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .news_center .bd ul li:hover a{color:#ed9607;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .news_center .bd ul li:hover span{color:#ed9607;-webkit-transition:all .5s;transition:all .5s;}

.box_06 .cjwt{width:490px;float:right;}

.box_06 .cjwt h4{width:490px;height:40px;line-height:40px;font-size:16px;color:#ed9607;border-bottom:solid 1px #e1e1e1;position:relative;margin-bottom:30px;}

.box_06 .cjwt h4::after{content:'';width:100px;height:3px; background:#ed9607; position:absolute;bottom:-2px;left:0;}

.box_06 .cjwt .quest{width:430px;height:60px;padding:25px 30px; background:#f5f5f5;margin-bottom:18px;}

.box_06 .cjwt .quest:last-child{margin-bottom:0px;}

.box_06 .cjwt .quest p{overflow:hidden;height:22px;line-height:22px;font-size:14px;}

.box_06 .cjwt .quest p:nth-of-type(1) span{display:block;width:22px;height:22px;line-height:22px;text-align:center;color:#fff;background:#ed9607;float:left;}

.box_06 .cjwt .quest p:nth-of-type(1) a{width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#414141;float:right;}

.box_06 .cjwt .quest p:nth-of-type(2){margin-top:16px;}

.box_06 .cjwt .quest p:nth-of-type(2) span:nth-of-type(1){display:block;width:22px;height:22px;line-height:22px;text-align:center;color:#fff;background:#221e1f;float:left;}

.box_06 .cjwt .quest p:nth-of-type(2) span:nth-of-type(2){width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#414141;float:right;}

.box_06 .cjwt .quest p:hover a{color:#ed9607; text-decoration:underline;}



/* 留言  */
.box_07{width:100%;height:46px;padding:27px 0; background:#ed9607;}

.box_07 .form{width:1200px;height:46px;margin:0 auto;overflow:hidden;}

.box_07 .form p{width:310px;height:46px;float:left;margin-right:30px;}

.box_07 .form input{width:260px;display:inline-block;height:46px;line-height:46px;padding-left:50px;color:#bababa;}

.box_07 .form input:nth-of-type(1){background:url(../images/name.jpg) left center no-repeat #fff;}

.box_07 .form input:nth-of-type(2){background:url(../images/phone.jpg) left center no-repeat #fff;}

.box_07 .form textarea{width:260px;height:46px;line-height:46px;background:url(../images/liuyan.jpg) left center no-repeat #fff;padding-left:50px;float:left;}

.box_07 .form .tj{width:170px;height:36px;background:#fff;padding:5px;float:right;}

.box_07 .form .tj .btn{width:170px;height:36px;line-height:36px;display: block;text-align:center;font-size:14px;color:#ed9607;border:none;background:#fff;cursor: pointer;}




/* 友情链接 */
.links{width:100%;height:80px;background:url(../images/link_back.jpg) center top no-repeat;padding:10px 0;margin-top:40px;}

.links .link{width:1200px;height:80px;margin:0 auto;overflow:hidden;}

.links .link .ks{width:185px;height:65px;padding:15px 0 0 0;float:left;margin-right:100px;background:url(../images/links.png) 140px center no-repeat;color:#fff;position:relative;}

.links .link .ks p:nth-of-type(1){font-size:18px;text-transform: Uppercase;}

.links .link .ks p:nth-of-type(1) span{font-size:60px;line-height:43px;display:inline-block;}

.links .link .ks p:nth-of-type(2){font-size:18px;position:absolute;bottom:35px;left:22px;}

.links .link a{display:inline-block;width:110px;text-align:center;font-size:14px;height:16px;line-height:16px;margin-top:32px;color:#fff;border-right:solid 1px #fff;}

.links .link a:last-child{border-right:0;}

.links .link a:hover{text-decoration:underline;}





.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}




/* 提交按钮的线条边框特效 */
.bz-buttonAnimat {
    position: relative
}
/*
.bz-buttonAnimat .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
*/
.bz-buttonAnimat:nth-of-type(1):before,
.bz-buttonAnimat:nth-of-type(1):after,
.bz-buttonAnimat:nth-of-type(1) .inner:before,
.bz-buttonAnimat:nth-of-type(1) .inner:after {
    background-color: #fff;
}

.bz-buttonAnimat:nth-of-type(2):before,
.bz-buttonAnimat:nth-of-type(2):after,
.bz-buttonAnimat:nth-of-type(2) .inner:before,
.bz-buttonAnimat:nth-of-type(2) .inner:after {
    background-color: #fff;
}

.bz-buttonAnimat:nth-of-type(3):before,
.bz-buttonAnimat:nth-of-type(3):after,
.bz-buttonAnimat:nth-of-type(3) .inner:before,
.bz-buttonAnimat:nth-of-type(3) .inner:after {
    background-color: #fff;
}

.bz-buttonAnimat02:nth-of-type(1):before,
.bz-buttonAnimat02:nth-of-type(1):after,
.bz-buttonAnimat02:nth-of-type(1) .inner:before,
.bz-buttonAnimat02:nth-of-type(1) .inner:after {
    background-color: #ed9607;
}

.bz-buttonAnimat02:nth-of-type(2):before,
.bz-buttonAnimat02:nth-of-type(2):after,
.bz-buttonAnimat02:nth-of-type(2) .inner:before,
.bz-buttonAnimat02:nth-of-type(2) .inner:after {
    background-color: #ed9607;
}

.bz-buttonAnimat02:nth-of-type(3):before,
.bz-buttonAnimat02:nth-of-type(3):after,
.bz-buttonAnimat02:nth-of-type(3) .inner:before,
.bz-buttonAnimat02:nth-of-type(3) .inner:after {
    background-color: #ed9607;
}

.bz-buttonAnimat:before,
.bz-buttonAnimat:after,
.bz-buttonAnimat .inner:before,
.bz-buttonAnimat .inner:after {
    position: absolute;
    content: "";
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:before,
.bz-buttonAnimat.both:after {
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:before,
.bz-buttonAnimat.both .inner:after {
    top: 0;
    width: 1px;
    height: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0)
}

.bz-buttonAnimat.horizontal .inner:before,
.bz-buttonAnimat.both .inner:before {
    left: 0
}

.bz-buttonAnimat.horizontal .inner:after,
.bz-buttonAnimat.both .inner:after {
    right: 0
}

.bz-buttonAnimat.horizontal .inner:hover:before,
.bz-buttonAnimat.horizontal .inner:hover:after,
.bz-buttonAnimat.both .inner:hover:before,
.bz-buttonAnimat.both .inner:hover:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal:before,
.bz-buttonAnimat.both:before {
    top: 0
}

.bz-buttonAnimat.horizontal:after,
.bz-buttonAnimat.both:after {
    bottom: 0
}

.bz-buttonAnimat.horizontal:hover:before,
.bz-buttonAnimat.horizontal:hover:after,
.bz-buttonAnimat.both:hover:before,
.bz-buttonAnimat.both:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.bz-buttonAnimat.horizontal:hover .inner:before,
.bz-buttonAnimat.horizontal:hover .inner:after,
.bz-buttonAnimat.both:hover .inner:before,
.bz-buttonAnimat.both:hover .inner:after {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.bz-buttonAnimat.horizontal.clockwise .inner:before,
.bz-buttonAnimat.both.clockwise .inner:before {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise .inner:after,
.bz-buttonAnimat.both.clockwise .inner:after {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:before,
.bz-buttonAnimat.both.clockwise:before {
    -webkit-transform-origin: right center;
    transform-origin: right center
}

.bz-buttonAnimat.horizontal.clockwise:after,
.bz-buttonAnimat.both.clockwise:after {
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:before,
.bz-buttonAnimat.both.clockwise:hover .inner:before {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center
}

.bz-buttonAnimat.horizontal.clockwise:hover .inner:after,
.bz-buttonAnimat.both.clockwise:hover .inner:after {
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.bz-buttonAnimat.horizontal.clockwise:hover:before,
.bz-buttonAnimat.both.clockwise:hover:before {
    -webkit-transform-origin: left center;
    transform-origin: left center
}
